<template>
  <div class="error">
    <div class="top">
      <span class="left">4</span>
      <span class="center">0</span>
      <span class="right">4</span>
    </div>
    <div class="bottom">哇哦,页面出错咯...</div>

  </div>
</template>

<script>
export default {};
</script>

<style scoped>
.error{
    padding: 20px 10px;
    box-sizing: border-box;
    background: #f0f0f0;
    height: 100%;
}
.top{
    height: 350px;
    font-size: 250px;
   display: flex;
   justify-content: center;
   align-items: center;
   font-weight: bolder;
}
.left{
    color: green;
}
.center{
    color:dodgerblue;
    margin:0 10px;
}
.right{
    color: green;
}
.bottom{
    color: #999;
    font-size: 30px;
    text-align: center;
}
</style>